<template>
	<view class="videoTeach">
		<view class="content">
			<video class="video" src="https://haokan.baidu.com/v?pd=wisenatural&vid=9170416735180523490"></video>
		</view>
		<view class="btn" @click="close">我知道了</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			close() {
				this.$emit('close')
			}
		}
	}
</script>

<style scoped lang="scss">
	.videoTeach {
		width: 80vw;
		height: 50vh;
		background-color: #fff;
		padding: 20rpx;

		.video {
			width: 75vw;
			height: 40vh;
		}

		.btn {
			width: 250rpx;
			height: 70rpx;
			font-size: 18rpx;
			line-height: 70rpx;
			border-radius: 5rpx;
			background-color: #00dad9;
			text-align: center;
			margin: 10rpx auto;
		}
	}
</style>
